<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="content">
<head>
<title>订单推送</title>
</head>
<body>
	<div layout:fragment="content">
		<table class=" " style="width: 100%;">
			<tbody>
				<tr>
					<td class="td_form01" colspan="8"><a target="_blank"
						href="/Config/goods_template.xls"
						class="file downFile text-center">下载模板</a>
						<div class="right fl" id="fine-uploader"></div> <script
							type="text/template" id="qq-template">
            <div class="qq-uploader-selector qq-uploader" qq-drop-area-text="Drop files here">
                <div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container">
                    <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>
                </div>
                <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
                    <span class="qq-upload-drop-area-text-selector"></span>
                </div>
                <div class="qq-upload-button-selector qq-upload-button" >
                    <a class="file upFile text-center">上传</a>
                </div>
                <span class="qq-drop-processing-selector qq-drop-processing">
                    <span>Processing dropped files...</span>
                    <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
                </span>
                <ul class="qq-upload-list-selector qq-upload-list" aria-live="polite" aria-relevant="additions removals">
                    <li>
                        <div class="qq-progress-bar-container-selector">
                            <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
                        </div>
                        <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
                        <img class="qq-thumbnail-selector" qq-max-size="100" qq-server-scale>
                        <span class="qq-upload-file-selector qq-upload-file"></span>
                        <span class="qq-edit-filename-icon-selector qq-edit-filename-icon" aria-label="Edit filename"></span>
                        <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
                        <span class="qq-upload-size-selector qq-upload-size"></span>
                        <button type="button" class="qq-btn qq-upload-cancel-selector qq-upload-cancel">Cancel</button>
                        <button type="button" class="qq-btn qq-upload-retry-selector qq-upload-retry">Retry</button>
                        <button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete">Delete</button>
                        <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
                    </li>
                </ul>

                <dialog class="qq-alert-dialog-selector">
                    <div class="qq-dialog-message-selector"></div>
                    <div class="qq-dialog-buttons">
                        <button type="button" class="qq-cancel-button-selector">关闭</button>
                    </div>
                </dialog>

                <dialog class="qq-confirm-dialog-selector">
                    <div class="qq-dialog-message-selector"></div>
                    <div class="qq-dialog-buttons">
                        <button type="button" class="qq-cancel-button-selector">否</button>
                        <button type="button" class="qq-ok-button-selector">是</button>
                    </div>
                </dialog>

                <dialog class="qq-prompt-dialog-selector">
                    <div class="qq-dialog-message-selector"></div>
                    <input type="text">
                    <div class="qq-dialog-buttons">
                        <button type="button" class="qq-cancel-button-selector">取消</button>
                        <button type="button" class="qq-ok-button-selector">确定</button>
                    </div>
                </dialog>
            </div>
        </script></td>
				</tr>
				<tr>
					<td class="td_form01">客户：</td>
					<td class="td_form02"><select id="ddl_customer">
							<option th:each="edp : ${customers}"
								th:value="${edp.getCustomerId()}" th:text="${edp.getName()}"></option>
					</select></td>
					<td class="td_form01">电商企业:</td>
					<td class="td_form02"><select id="ddl_edpCompany">
							<option th:each="edp : ${edp_infos}" th:value="${edp.getEdpId()}"
								th:text="${edp.getName()}"></option>
					</select></td>
					<td class="td_form01">电商平台：</td>
					<td class="td_form02"><select id="ddl_edpPlatform">
							<option th:each="platform : ${platforms}"
								th:value="${platform.getEdpId()}"
								th:text="${platform.getName()}"></option>
					</select></td>
					<td class="td_form01">物流企业：</td>
					<td class="td_form02"><select id="ddl_logistic">
							<option th:each="logistic :${logistics}"
								th:value="${logistic.getLogisticid()}"
								th:text="${logistic.getLogisticName()}"></option>
					</select></td>
				</tr>
				<tr>
					<td class="td_form01">检验检疫口岸：</td>
					<td class="td_form02"><select id="ddl_applyports">
							<option th:each="ciq_port : ${ciq_ports}"
								th:value="${ciq_port.getDictionarieid()}"
								th:text="${ciq_port.getDictionariename()}"></option>
					</select></td>
					<td class="td_form01">进出境口岸：</td>
					<td class="td_form02"><select id="ddl_jcbports">
							<option th:each="jcb_port : ${jcb_ports}"
								th:value="${jcb_port.getDictionarieid()}"
								th:text="${jcb_port.getDictionariename()}"></option>
					</select></td>
					<td class="td_form01">检验检疫抵运国：</td>
					<td class="td_form02"><label> <input type="radio"
							name="transferRegionInSp" value="1" checked="checked">收件人所在国
					</label> <label> <input type="radio" name="transferRegionInSp"
							value="2">指运港
					</label></td>
					<td class="td_form01">重量单位</td>
					<td class="td_form02"><select id="ddl_weight">
							<option value="千克">千克</option>
							<option value="克">克</option>
					</select></td>
				</tr>
				<tr>
					<td class="td_form02" style="text-align: center;" colspan="8">
						<input data-bind="click:send" type="button" value="开始推送"
						class="pure-button pure-button-primary">
					</td>
				</tr>
			</tbody>
		</table>
		<div
			data-bind="template: { name: 'edit-template', data: edit_item },visible:show_edit"></div>
		<script type="text/html" id="edit-template">
                <table>
                    <tbody>
                        <tr>
                            <th>运单号</th>
                            <td><input type="text" data-bind="value:expressNumber" /></td>
                            <th>收货人姓名</th>
                            <td><input type="text" data-bind="value:receiverName" /></td>
                            <th>收货人地址</th>
                            <td><input type="text" data-bind="value:receiverAddress" /></td>
                            <th>数量</th>
                            <td><input type="text" data-bind="value:count" /></td>
                        </tr>
                        <tr>
                            <th>批次号</th>
                            <td><input type="text" data-bind="value:serialNumber" /></td>
                            <th>总价</th>
                            <td><input type="text" data-bind="value:totalPrice" /></td>
                            <th>币制</th>
                            <td><input type="text" data-bind="value:currency" /></td>
                            <th>收货人国家</th>
                            <td><input type="text" data-bind="value:state" /></td>
                        </tr>
                        <tr>
                            <th>发货人</th>
                            <td><input type="text" data-bind="value:shipper" /></td>
                            <th>品名</th>
                            <td><input type="text" data-bind="value:productName" /></td>
                            <th>毛重</th>
                            <td><input type="text" data-bind="value:roughWeight" /></td>
                            <th>指运港</th>
                            <td><input type="text" data-bind="value:harbour" /></td>
                        </tr>
                        <tr>
                            <td colspan="8">
                                <input type="button" class="btn btn-default" value="保存" data-bind="click:$parent.save" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </script>

		<table style="width: 100%;" class="altrowstable">
			<thead>
				<tr>
					<th class="td_top">序号</th>
					<th class="td_top">操作</th>
					<th class="td_top">品名</th>
					<th class="td_top">HS CODE</th>
					<th class="td_top">运单号</th>
					<th class="td_top">收货人姓名</th>
					<th class="td_top">收货人地址</th>
					<th class="td_top">数量</th>
					<th class="td_top">总价</th>
					<th class="td_top">批次号</th>
					<th class="td_top">币制</th>
					<th class="td_top">收货人国家</th>
					<th class="td_top">毛重</th>
					<th class="td_top">发货人</th>
					<th class="td_top">指运港</th>
					<th class="td_top">备注</th>

				</tr>
			</thead>
			<tbody data-bind="foreach:DataGrid.DataRows">
				<tr>
					<td data-bind="text:$index()+1"></td>
					<td><input class="btn btn-default" type="button" value="修改"
						data-bind="click: $parent.edit" /></td>
					<td data-bind="text: productName"></td>
					<td style="min-width: 142px;"><input type="text"
						class="txt_code"
						data-bind="value:hs_code, event: {keypress: $parent.onEnter}"
						style="height: 24px; width: 80px;" /> <input type="button"
						class="btn btn-default" value="保存"
						data-bind="click:$parent.save_code" /></td>
					<td data-bind="text: expressNumber"></td>
					<td data-bind="text: receiverName"></td>
					<td data-bind="text: receiverAddress"></td>
					<td data-bind="text: count"></td>
					<td data-bind="text: totalPrice"></td>
					<td data-bind="text: serialNumber"></td>
					<td data-bind="text: currency"></td>
					<td data-bind="text: state"></td>
					<td data-bind="text: roughWeight"></td>
					<td data-bind="text: shipper"></td>
					<td data-bind="text: harbour"></td>
					<td data-bind="text: remark"></td>

				</tr>
			</tbody>
		</table>
		<div th:include="pager :: pager"></div>
	</div>

</body>
</html>